<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      >

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_BitacoraInventario')}" />
    </f:metadata>

    <body>
        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">

                <ui:include src="/web-pages/OTROS/HELP/wfrmHelp_mtto.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="850"/>
                    <ui:param name="title" value="Bitacora de Inventario"/>
                </ui:include>

                <div align="left">
                    <p:panel style="width: 950px" header="Informaci&oacute;n Producto de Material" rendered="#{consultaAjusteManaged.flagStep_1}">
                        <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>
                        <h:form id="Step1" style="width: inherit">
                            <p:panel style="width: inherit" header="Bitacora de Inventario" toggleable="false" >
                                <h:panelGrid id="pProducto" columns="6">

                                    <h:outputText value=""/><h:outputText value=""/>

                                    <h:outputText value="Sucursal"/>
                                    <h:selectOneMenu id="sucursal" value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.codigo_s}" style="width: 200px">
                                        <f:selectItems value="#{bitacoraInvetarioManaged.sucursales}" var="s" itemLabel="#{s.nombre_s}" itemValue="#{s.codigo_s}" />
                                    </h:selectOneMenu>
                                    <h:selectBooleanCheckbox value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.flagVisible_Sucursal}" title="Filtrar por Sucursal" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>

                                    <h:outputText value="Fecha Inicio"/>
                                    <p:calendar size="12" value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.fecha_i}" pattern="dd.MM.yyyy" effect= "fadeIn"  />

                                    <h:outputText value="Categor&iacute;a"/>
                                    <h:selectOneMenu id="cmbCategoria" value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.id_cat}" style="width: 200px">
                                        <f:selectItems value="#{bitacoraInvetarioManaged.categorias}" var="cat" itemLabel="#{cat.nombre_cat}" itemValue="#{cat.id_cat}" />
                                        <p:ajax listener="#{bitacoraInvetarioManaged.llenarSubCategorias}" update="cmbSubCategoria"/>
                                    </h:selectOneMenu>

                                    <h:selectBooleanCheckbox value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.flagVisible_Categoria}" title="Filtrar por Categor&iacute;a" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>

                                    <h:outputText value="Fecha Fin"/>
                                    <p:calendar size="12" value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.fecha_f}" pattern="dd.MM.yyyy" effect= "fadeIn"  />

                                    <h:outputText value="Sub Categor&iacute;a"/>
                                    <h:selectOneMenu id="cmbSubCategoria" value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.id_su}" style="width: 200px" >
                                        <f:selectItems value="#{bitacoraInvetarioManaged.subCategorias}" var="scc" itemLabel="#{scc.nombre_su}" itemValue="#{scc.id_su}" />
                                    </h:selectOneMenu>

                                    <h:selectBooleanCheckbox value="#{bitacoraInvetarioManaged.selectedBitacoraInventario.flagVisible_SubCategoria}" title="Filtrar por Sub Categor&iacute;a" style="width: 25px" />
                                    <h:outputText value="Filtrar"/>
                                </h:panelGrid>
                            </p:panel>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton value="#{sms.buscar}" actionListener="#{bitacoraInvetarioManaged.fillGrid}" update="Step1:Table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 mensaje"/>
                                    <p:commandButton value="#{sms.reporte}"  image="ui-icon ui-icon-document" onclick="cmdEncaReporte.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="Table" value="#{bitacoraInvetarioManaged.bitacoraInventariosEnca}" var="row1" rows="20"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{bitacoraInvetarioManaged.selectedDetaBitacoraInventario}"
                                         emptyMessage="#{sms.TableEmptyMessage}" rowSelectListener="#{bitacoraInvetarioManaged.llenar_tableDeta}"
                                         update="Step1:pRowExpansion mensaje">
                                <f:facet name="header" >
                                    <h:outputText value="Lista de Productos"/>
                                </f:facet>
                                <p:column style="width:16px">
                                    <p:rowToggler />
                                </p:column>
                                <p:column headerText="ID DM" style="width: 15px" rendered="false">
                                    <h:outputText value="#{row1.id_dm}" style="width: 15px" />
                                </p:column>
                                <p:column headerText="Catego&iacute;a" style="width: 250px" sortBy="#{row1.nombre_cat}" filterMatchMode="contains" filterBy="#{row1.nombre_cat}">
                                    <h:outputText value="#{row1.nombre_cat}" style="width: 15px" />
                                </p:column>
                                <p:column headerText="Sub Categor&iacute;a" style="width: 250px" sortBy="#{row1.nombre_su}" filterMatchMode="contains" filterBy="#{row1.nombre_su}">
                                    <h:outputText value="#{row1.nombre_su}" style="width: 15px" />
                                </p:column>
                                <p:column headerText="Producto" style="width: 450px" sortBy="#{row1.nombre_m}" filterMatchMode="contains" filterBy="#{row1.nombre_m}" >
                                    <h:outputText value="#{row1.nombre_m}" style="width: 15px" />
                                </p:column>

                                <p:rowExpansion id="pRowExpansion">
                                    <br/>
                                    <div align="center">
                                        <p:commandButton value="#{sms.reporte}"  image="ui-icon ui-icon-document" title="#{sms.generarReporte}" onclick="cmdDetaReporte.show()"/>
                                    </div>
                                    <br/>
                                    <p:dataTable id="deta_table" value="#{bitacoraInvetarioManaged.bitacoraInventariosDeta}" var="row" rows="20"
                                                 paginator="true" paginatorPosition="bottom" selectionMode="single"
                                                 emptyMessage="#{sms.TableEmptyMessage}" >
                                        <f:facet name="header" >
                                            <h:outputText value="Bitacora de Inventario"/>
                                        </f:facet>
                                        <p:column headerText="Fecha" style="width: 40px">
                                            <h:outputText value="#{row.fecha_bi}" style="width: 40px" >
                                                <f:convertDateTime pattern="dd-MM-yyyy" />
                                            </h:outputText>
                                        </p:column>
                                        <p:column headerText="Tipo" style="width: 250px">
                                            <h:outputText value="#{row.tipo_bi}" style="width: 250px" />
                                        </p:column>
                                        <p:column headerText="Anterior" style="width: 15px">
                                            <h:outputText value="#{row.cantidad_anterior_bi}" style="width: 15px" />
                                        </p:column>
                                        <p:column headerText="Entrada" style="width: 15px">
                                            <h:outputText value="#{row.cantidad_entrada_bi}" style="width: 15px" />
                                        </p:column>
                                        <p:column headerText="Salida" style="width: 15px">
                                            <h:outputText value="#{row.cantidad_salida_bi}" style="width: 15px" />
                                        </p:column>
                                        <p:column headerText="Nueva" style="width: 15px">
                                            <h:outputText value="#{row.cantidad_nueva_bi}" style="width: 15px" />
                                        </p:column>
                                    </p:dataTable>
                                </p:rowExpansion>
                            </p:dataTable>
                        </h:form>
                        <h:form id="dialogs">
                            <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdEncaReporte">
                                <p:commandButton value="Si" actionListener="#{bitacoraInvetarioManaged.generarReporte_Enca}" oncomplete="cmdEncaReporte.hide()" update="mensaje"/>
                                <p:commandButton value="No" onclick="cmdEncaReporte.hide()"/>
                            </p:confirmDialog>
                            <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdDetaReporte">
                                <p:commandButton value="Si" actionListener="#{bitacoraInvetarioManaged.generarReporte_Deta}" oncomplete="cmdDetaReporte.hide()" update="mensaje" />
                                <p:commandButton value="No" onclick="cmdDetaReporte.hide()"/>
                            </p:confirmDialog>
                        </h:form>
                    </p:panel>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>